import React, { Component } from 'react';
import './TaskLogItem.less'

export default class TaskLogItem extends Component {
    render() {
        return (
            <div className='task-log-item'>
                <div className='name'>{this.props.info.userName}</div>
                <div className='phone'>{this.props.info.userPhone}</div>
                <div className='time'>报件时间：{this.props.info.reportTime}</div>
                {this.props.info.validTag === 0 ?
                    <div className='log-status' style={{ color: '#FA6F5C' }}>进行中</div> :
                    <div className='log-status' style={{ color: '#5C7EFA' }}>已通过</div>
                }
            </div>
        );
    }
}